<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>选择主体类型</title>

    <link rel="stylesheet" href="../../../bangnuo/css/operation/add_merchants_new.css">

    <script src="../../../bangnuo/vue/vue.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="../../../bangnuo/bootstrap/js/jquery-3.4.1.js"></script>
    <script src="../../../bangnuo/vue/axios.min.js"></script>
    <script type="module" src="../operation/js/config/public.js"></script>
    <style>
        .main-body{
            width: 80%;
            margin: 0 auto;
        }
        .input-header{
            margin: 0px auto;
        }
        .el-input-class{
            width: 221px;
            margin: 10px 10px;
        }
        .table-main-class{

        }
        .time {
            font-size: 13px;
            color: #999;
        }

        .bottom {
            margin-top: 13px;
            line-height: 12px;
        }

        .button {
            padding: 0;
            float: right;
        }

        .image {
            width: 100%;
            display: block;
        }

        .clearfix:before,
        .clearfix:after {
            display: table;
            content: "";
        }

        .clearfix:after {
            clear: both
        }
        .font-title{
            text-align: center;
            padding-top: 20px;
            height: 16px;
            font-weight: bold;
        }
        .font-content{
            padding:0px 10px;
            height: 60px;
        }
        .cadr-margin-left{
            margin-left: 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div id="app">
    <div class="main-body">
        <div class="input-header">
            <el-row>
                <el-col :span="7" class="cadr-margin-left" >
                    <el-card :body-style="{ padding: '0px' }">
                        <div class="font-title">
                            个体工商户
                        </div>
                        <div class="font-content">
                            <p>
                                营业执照上的主体类型一般为个体户、个体工商户、个体经营
                            </p>
                        </div>
                        <div style="padding: 14px;">

                            <div class="bottom clearfix" align="center">
                                <el-button type="primary" v-on:click="skip(0)">选择</el-button>
                            </div>
                        </div>
                    </el-card>
                </el-col>

                <el-col :span="7" class="cadr-margin-left" >
                    <el-card :body-style="{ padding: '0px' }">
                        <div class="font-title">
                            企业
                        </div>
                        <div class="font-content">
                            <p>
                                营业执照上的主体类型一般为有限公司、有限责任公司
                            </p>
                        </div>
                        <div style="padding: 14px;">

                            <div class="bottom clearfix" align="center">
                                <el-button type="primary" v-on:click="skip(1)">选择</el-button>
                            </div>
                        </div>
                    </el-card>
                </el-col>

                <el-col :span="7" class="cadr-margin-left" >
                    <el-card :body-style="{ padding: '0px' }">
                        <div class="font-title">
                            党政、机关及事业单位
                        </div>
                        <div class="font-content">
                            <p>
                                包括国内各级、各类政府机构、事业单位等。如：公安、党团、司法、交通、旅游、工商税务、市政、医疗、教育、学校等机构
                            </p>
                        </div>
                        <div style="padding: 14px;">

                            <div class="bottom clearfix" align="center">
                                <el-button type="primary" v-on:click="skip(2)">选择</el-button>
                            </div>
                        </div>
                    </el-card>
                </el-col>

            </el-row>
            <el-row>
                <el-col :span="7" class="cadr-margin-left" >
                    <el-card :body-style="{ padding: '0px' }">
                        <div class="font-title">
                            其他组织
                        </div>
                        <div class="font-content">
                            <p>
                                不属于企业、政府/事业单位的组织机构，如社会团体、民办非企业、基金会。要求机构已办理组织机构代码证
                            </p>
                        </div>
                        <div style="padding: 14px;">

                            <div class="bottom clearfix" align="center">
                                <el-button type="primary" v-on:click="skip(3)">选择</el-button>
                            </div>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
        </div>
    </div>

</div>
<script type="module">
    import bnApi from '../operation/js/config/public.js';
    var vue = new Vue({
        el: '#app',
        data: {
            currentDate: new Date(),
            id:''
        },
        methods: {
            skip:function (type) {
                switch (type) {
                    case 0:
                        location.href = "add-merchants-in/add_merchants_wx.html?type=0&id="+this.id;
                        break;
                    case 1:
                        location.href = "add-merchants-in/add_merchants_wx.html?type=1&id="+this.id;
                        break;
                    case 2:
                        location.href = "add-merchants-in/add_merchants_wx.html?type=2&id="+this.id;
                        break;
                    case 3:
                        location.href = "add-merchants-in/add_merchants_wx.html?type=3&id="+this.id;
                        break;
                }
            },
            //参数截取
            getQueryVariable:function (variable) {
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
                }
                return(false);
            }
        },
        mounted(){
            this.id = this.getQueryVariable("id");
        }
    })
</script>
</body>


</html>